<!-- 简历模板 -->
<template>
	<view class="container">
		<view class="c-recruit">
			<view class="recruit-header">
				<view class="recruit-header-avatar">
					<!-- 4:3 -->
					<image :src="baseURL + info.document_img" mode=""></image>
				</view>
				<view class="recruit-header-content">
					<text>姓名：{{info.name}}</text>
					<text>性别：{{info.sex==1?'男':'女'}}</text>
					<text>电话：{{info.tel}}</text>
					<text>国籍：{{info.national==1?'中国':info.national==2?'港澳台':'国外'}}</text>
				</view>
			</view>
			<view class="recruit-line">
				<u-line color="#333"></u-line>
			</view>
			<view class="recruit-strip">
				<text>邮箱：</text>
				<text>{{info.email}}</text>
			</view>
			<view class="recruit-line">
				<u-line color="#333"></u-line>
			</view>
			<view class="recruit-info">
				<view class="recruit-info-block">
					<text>毕业院校：</text>
					<text :style="{'text-indent':'2em'}">{{info.school}}</text>
				</view>
				<view class="recruit-info-block">
					<text>学历：</text>
					<text :style="{'text-indent':'2em'}">{{info.education}}</text>
				</view>
			</view>
			<view class="recruit-line">
				<u-line color="#333"></u-line>
			</view>
			<view class="recruit-strip">
				<text>获得证书：</text>
				<text>{{info.certificate}}</text>
			</view>
			<view class="recruit-line">
				<u-line color="#333"></u-line>
			</view>
			<view class="recruit-strip">
				<text>工作经历：</text>
				<text>{{info.experience}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "",
		props:["info"],
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.container {
		padding: 0;
		.c-recruit {
			padding: 45rpx 35rpx;
			box-sizing: border-box;
			box-shadow: 0 0 10rpx 0 rgba(0, 0, 0, 0.1);
			border-radius: 5rpx;
			background-color: #fff;

			.recruit-header {
				width: 100%;
				height: 260rpx;
				display: flex;
				align-items: center;

				.recruit-header-avatar {
					width: 40%;
					text-align: center;

					&>image {
						width: 180rpx;
						height: 240rpx;
						border: 1rpx solid #333;
					}
				}

				.recruit-header-content {
					display: flex;
					flex-direction: column;
					line-height: 60rpx;
				}
			}

			.recruit-line {
				padding: 30rpx 0;
			}

			.recruit-info {
				width: 100%;
				display: flex;
				.recruit-info-block {
					padding-left: 10rpx;
					line-height: 50rpx;
					display: flex;
					flex-direction: column;
					
				}
			}
		
				
			.recruit-strip{
				
			}
		}
	}
</style>
